<template>
  <section class="container" > <!--最外层容器-->
    <section class="menu"> <!--左边的容器-->
    <menus></menus> <!-- * -->
    </section>
    <section class="content-container"><!--右边的容器-->
    <todo></todo>
    </section>
  </section>
</template>
<script>
import menus from './menus'; // * 导入刚才我们创建的 menus组件
import todo from './todo.vue'

  export  default {
    components: { // * 注册menus组件，让其可以在template调用
      menus,
      todo
    }
  };
</script>
<style lang="less">
/* “./”：代表目前所在的目录。
“../”：代表上一层目录。
以”/”开头：代表根目录。*/
/**npm install less@3.9.0 less-loader@4.1.0 --save-dev
用低版本的less,不然CSS直接报错！！ */
@import  '../common/style/layouts.less';
</style>